<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MyMusicSearch</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">

    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
      }
      

      .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }

    </style>


<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<link rel="shortcut icon" href="images/note.png"> 

</head>


<body style="font-family: Verdana">

<%@include file="includes/navbar.jsp" %>

	<div class="container">

		<form class="form-signin" method="GET" ACTION="start">
			<h2 class="form-signin-heading">Sign up</h2>
			<input type="text" name="musicuser" class="input-block-level" placeholder="Last.fm user name"> 
<!-- 			<input type="password"class="input-block-level" placeholder="Password">  -->
<!-- 			<label class="checkbox">  -->
<!-- 			<input type="checkbox" value="remember-me"> -->
<!-- 				Remember me -->
<!-- 			</label> -->
			<button class="btn btn-large btn-primary" type="submit">Sign up</button>
		</form>


<!-- 		<form method="GET" ACTION="start"> -->
<!-- 			<table> -->
<!-- 				<tr> -->
<!-- 					<td><label for="music">lastFM user:</label></td> -->
<!-- 					<td><input type="text" name="musicuser" value="alexmueller89" /></td> -->
<!-- 				</tr> -->
<!-- 			</table> -->
<!-- 			<input type="submit" class="submitButton" value="register" /> -->
<!-- 		</form> -->
<!-- 		<p> -->
<!-- 			<b> End Session</b> -->

			<!-- 		<form method="GET" ACTION="start"> -->
			<!-- 			<table> -->
			<!-- 				<tr> -->
			<!-- 					<td></td> -->
			<!-- 					<td><input type="text" name="endsession" value="yes" /></td> -->
			<!-- 				</tr> -->
			<!-- 			</table> -->
			<!-- 			<input type="submit" class="submitButton" value="endsession" /> -->
			<!-- 		</form> -->
			
			
			
	<%@include file="includes/footer.jsp" %>


	</div><!-- /container -->

	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="js/bootstrap.min.js"></script>

</body>
</html>